{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "base-protocol-mozilla.html" %}

{% block page_title %}The State of Mozilla: 2012 Annual Report{% endblock %}
{% block body_id %}annual-2012{% endblock %}

{% block page_css %}
  {{ css_bundle('annual_report') }}
{% endblock %}

{% block content %}
  <main>
    {% include 'foundation/annualreport/2012/includes/header.html' %}
    <div class="mzp-l-content">
      <section class="c-intro-section">
        <div class="c-copy-wrapper">
          <blockquote>
            We are champions of a Web where people know more, do more and do better.
            <footer>
              <cite>Mitchell Baker</cite>
            </footer>
          </blockquote>
        </div>{#--/.c-copy-wrapper--#}
      </section>{#--/.c-intro-section--#}

      <section class="c-content-section">
        <div class="c-copy-wrapper">
          <header>
            <h2>A Web For All</h2>
          </header>
          <div class="c-copy">
            <p>
              As the Web expands to reach billions of new people and touch our lives in new ways,
              it has become an essential part of our individual growth and collective future. And
              that Web is what the Mozilla community has pledged to protect and promote: a
              platform providing opportunity, connectivity and inspiration for all.
            </p>

            <p>
              We live our principles by making products, empowering communities, teaching skills
              and shaping environments in order to build the Internet the world needs.
            </p>

            <p>
              At this year’s Mozilla Summit, 2,000 people representing 90 countries and 114
              languages gathered to develop a shared understanding of who we are and what we will
              accomplish together. Below is a sample of perspectives from leaders of the project.
            </p>

            <section class="c-media">
              <h3><span>Play a video of </span>Mitchell <br>Baker</h3>

              {{ video(
                  'State_of_Mozilla_Mitchell Baker_Who_is_Mozilla.webm',
                  'State_of_Mozilla_Mitchell Baker_Who_is_Mozilla.mp4',
                  id='mitchell-baker',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-baker.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>


            <section class="c-media">
              <h3><span>Play a video of </span>Jay <br>Sullivan</h3>

              {{ video(
                  'State_of_Mozilla_Jay_Sullivan_vision_for_Mozilla_products.webm',
                  'State_of_Mozilla_Jay_Sullivan_vision_for_Mozilla_products.mp4',
                  id='jay-sullivan',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-sullivan.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>

            <section class="c-media">
              <h3><span>Play a video of </span>Harvey <br>Anderson</h3>

              {{ video(
                  'State_of_Mozilla_Harvey_Anderson_Health_of_the_web.webm',
                  'State_of_Mozilla_Harvey_Anderson_Health_of_the_web.mp4',
                  id='harvey-anderson',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-anderson.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>

            <section class="c-media">
              <h3><span>Play a video of </span>Mark <br>Surman</h3>

              {{ video(
                  'State_of_Mozilla_Mark_Surman_how_are_we_teaching_the_web_to_the_world.webm',
                  'State_of_Mozilla_Mark_Surman_how_are_we_teaching_the_web_to_the_world.mp4',
                  id='mark-surman',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-surman.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>

            <section class="c-media">
              <h3><span>Play a video of </span>Johnathan <br>Nightingale</h3>

              {{ video(
                  'State of Mozilla - Johnathan Nightingale - How Firefox is continuing to break new ground..webm',
                  'State of Mozilla - Johnathan Nightingale - How Firefox is continuing to break new ground..mp4',
                  id='johnathan-nightingale',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-nightingale.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>

            <section class="c-media">
              <h3><span>Play a video of </span>Brendan <br>Eich</h3>

              {{ video(
                  'State_of_Mozilla_Brendan Eich_Envolving_the_web.webm',
                  'State_of_Mozilla_Brendan Eich_Envolving_the_web.mp4',
                  id='brendan-eich',
                  preload='none',
                  poster=static('img/foundation/annualreport/2012/bg-eich.jpg'),
                  prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>

          </div>
        </div>
      </section>

      <section class="c-content-section">
        <div class="c-copy-wrapper">
          <header>
            <h2>Powered By Mozillians</h2>
          </header>
          <div class="c-copy">
            <p>
              Mozillians are a diverse group of thinkers, builders, educators and hackers
              with a shared purpose to bring openness, freedom and participation to the
              Internet. Our collective global effort advanced Firefox OS from concept to
              phones in stores within two years, hosted 1,600 events in three months to
              teach the Web, and many more accomplishments. We’re celebrating our journey
              and the promising path ahead.
            </p>

            <section class="c-media">
              <h3><span>Play the "</span>I am a Mozillian<span>" video</span></h3>

              {{ video(
                'I_am_a_Mozillian.webm',
                'I_am_a_Mozillian.mp4',
                id='i-am-a-mozillian',
                preload='none',
                poster=static('img/foundation/annualreport/2012/bg-a-mozillian.jpg'),
                prefix='//videos.cdn.mozilla.net/uploads/drafts/State of Mozilla 2013/') }}
            </section>
          </div>
        </div>
      </section>

      <section class="c-content-section">
        <div class="c-copy-wrapper">
          <header>
            <h2>Sustainability</h2>
          </header>
          <div class="c-copy">
            <p>
              Along with this annual report, we’re releasing our audited financial statements
              for 2012. Mozilla remains well positioned, both financially and organizationally,
              to advance our mission.
            </p>

            <p>
              The majority of our revenue comes from the search functionality in the Firefox
              browser through a number of major partners, including Google, Bing, Yahoo,
              Yandex, Amazon and eBay. This 2012 financial statement includes revenue from a
              mutually beneficial commercial agreement with Google, our largest search
              provider, that was signed in December 2011 and extends at least three years.
            </p>

            <p>
              A growing percentage of our revenue also comes from support from the public,
              including grants and individual donors like you. These donations are directly
              applied to important projects such as Webmaker, Open Badges and Mozilla-Knight
              Open News that extend Mozilla's influence in new areas.
            </p>
          </div>
        </div>
      </section>
    </div>
  </main>
{% endblock %}

{% block email_form %}{% endblock %}

{% block site_footer %}
  {% with page='index' %}
    {% include 'foundation/annualreport/2012/includes/footer.html' %}
  {% endwith %}
  {{ super() }}
{% endblock %}
